<!DOCTYPE html>
<html lang="en">
    <head>
        {include file="common/meta" /}

        <style type="text/css">
            body {
                color:#999;
                background:url('{$background}') 50% 50% no-repeat #f2f9ff;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-size: auto auto;
                /*background-size: 990px 560px;*/
            }
            a {
                color:#fff;
            }
            .login-panel{margin-top:150px;}
            .login-screen {
                max-width:400px;
                padding:0;
                margin:100px auto 0 auto;

            }
            .login-screen .well {
                border-radius: 3px;
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                background: rgba(255,255,255, 0.2);
            }
            .login-screen .copyright {
                text-align: center;
            }
            @media(max-width:767px) {
                .login-screen {
                    padding:0 20px;
                }
            }
            .profile-img-card {
                width: 100px;
                height: 100px;
                margin: 10px auto;
                display: block;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }
            .profile-name-card {
                text-align: center;
            }

            #login-form {
                margin-top:20px;
            }
            #login-form .input-group {
                margin-bottom:15px;
            }

            #login-form .login-btn {
                margin-top: 20px;
                display: block;
                color: #fff;
                background-color: #39a8f8;
                border-radius: 30px;
                cursor: pointer;
            }

            #login-form .btn-forgot{
                float: right;
                margin-left: 10px;
                font-size: 12px;
                text-decoration: none;
                line-height: 19px;
                color: #39a8f8;

            }
            #login-form .btn-register{
                float: right;
                margin-left: 10px;
                font-size: 12px;
                text-decoration: none;
                line-height: 19px;
                color: #39a8f8;

            }

        </style>
    </head>
    <body>
        <div class="container">
            <div class="login-wrapper">
                <div class="login-screen">
                    <div class="well">
                        <div class="restpwd-form">
                            <img id="profile-img" class="profile-img-card" src="__CDN__/assets/img/avatars.png" />
                            <p id="profile-name" class="profile-name-card"></p>

                            <!--<form action="" method="post" id="register-form">-->
                                <!--<div id="errtips" class="hide"></div>-->
                                <!--{:token()}-->
                                <!--<div class="form-group">-->
                                    <!--<div class="controls">-->
                                        <!--<input type="text" id="username" name="username" data-rule="required;username" class="form-control input-lg" placeholder="{:__('Username')}">-->
                                        <!--<p class="help-block"></p>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group">-->
                                    <!--<div class="controls">-->
                                        <!--<input type="text" id="mobile" name="mobile" data-rule="required;mobile" class="form-control input-lg" placeholder="{:__('Mobile')}">-->
                                        <!--<p class="help-block"></p>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group">-->
                                    <!--<div class="controls">-->
                                        <!--<div class="input-group">-->
                                            <!--<span class="input-group-btn" style="padding:0;border:none;">-->
                                                <!--<a href="javascript:;" class="btn btn-info btn-captcha btn-lg" data-url="{:url('api/sms/send')}" data-type="mobile" data-event="register">获取验证码</a>-->
                                            <!--</span>-->
                                            <!--<input type="text" name="captcha" data-rule="required;length(4);integer[+];remote({:url('api/validate/check_sms_correct')}, event=register, mobile:#mobile)" class="form-control input-lg" placeholder="{:__('Mobile Captcha')}" style="border-radius: 0;">-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group">-->
                                    <!--<div class="controls">-->
                                        <!--<input type="password" id="password" name="password" data-rule="required;password" class="form-control input-lg" placeholder="{:__('Password')}">-->
                                        <!--<p class="help-block"></p>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group">-->
                                    <!--<div class="controls">-->
                                        <!--<input type="password" id="cofpassword" name="cofpassword" data-rule="required;cofpassword" class="form-control input-lg" placeholder="{:__('Repeat password')}">-->
                                        <!--<p class="help-block"></p>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group">-->
                                    <!--<button type="submit" class="btn btn-success btn-lg btn-block login-btn" >{:__('Sign up')}</button>-->
                                <!--</div>-->
                            <!--</form>-->
                            <!--<form id="resetpwd-form" method="POST" action="{:url('api/user/resetpwd')}">-->
                            <form id="resetpwd-form" method="POST" action="">
                                    <input type="hidden" name="action" value="resetpwd" />
                                    <div class="form-group" data-type="mobile">
                                        <div class="controls">
                                            <input type="text" class="form-control input-lg" id="mobile" name="mobile" value="" data-rule="required(#type-mobile:checked);mobile;remote({:url('api/validate/check_mobile_exist')}, event=resetpwd)" placeholder="{:__('Mobile')}">
                                            <span class="msg-box"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <div class="input-group">
                                                <span class="input-group-btn" style="padding:0;border:none;">
                                                <a href="javascript:;" class="btn btn-info btn-captcha btn-lg" data-url="{:url('api/sms/send')}" data-type="mobile" data-event="resetpwd">{:__('Get Mobile Captcha')}</a>
                                                </span>
                                                <input type="text" name="captcha" class="form-control input-lg" data-rule="required;length(4);integer[+];remote({:url('api/validate/check_sms_correct')}, event=resetpwd, mobile:#mobile)" placeholder="{:__('Mobile Captcha')}" style="border-radius: 0;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <input type="password" class="form-control input-lg" id="newpassword" name="newpassword" value="" data-rule="required;password" placeholder="{:__('New Password')}">
                                            <span class="msg-box"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <input type="password" class="form-control input-lg" id="cofpassword" name="cofpassword" value="" data-rule="required;password" placeholder="{:__('Repeat password')}">
                                            <span class="msg-box"></span>
                                        </div>
                                    </div>
                                <div class="form-group">
                                    <label class="control-label col-xs-12 col-sm-3"></label>
                                        <button type="submit" class="btn btn-md btn-info">{:__('Ok')}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {include file="common/script" /}
    </body>
</html>